<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa  fa-cogs"></i> <strong>有偿服务单</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>售后管理</li>
				<li class="active">有偿服务单</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">

			<div class="nav-tabs-custom">
				<ul class="nav nav-tabs" id="myTabs">
					<li class="active"><a href="#tab_1" data-toggle="tab">售后服务单</a></li>
					<li><a href="#tab_2" data-toggle="tab">现场质量信息反馈</a></li>
					<li><a href="#tab_3" data-toggle="tab">返厂泵维修意见</a></li>
					<li><a href="#tab_4" data-toggle="tab">跟踪情况录入</a></li>
				</ul>
			</div>
			<div class="tab-content">
				<div class="tab-pane active" id="tab_1">
					<form id="tab1Form" class="widget-box">
						<div class="box-body">
							<div class="box-header with-border">
								<i class="fa fa-th-list"></i>
								<h4 class="box-title">基本信息</h4>
								<input class="form-control hide" id="ticketId" name="ticketId"
									th:value="${afterSaleTicket.id}" />
							</div>
							<table class="table table-bordered">
								<tbody>
									<tr class="odd gradeX">
										<td width="10%" class="center">单位名称</td>
										<td colspan="1">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="unitName"
													name="unitName" disabled="disabled"
													th:value="${afterSaleTicket.unitName}" />
											</div>
										</td>
										<td colspan="2"></td>
									</tr>
									<tr class="even gradeC">
										<td width="10%" class="center">合同号</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" name="contractCode"
													id="contractCode"
													th:value="${afterSaleTicket.contractCode}"
													disabled="disabled" />
											</div>
										</td>
										<td width="10%" class="center">申请人</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" name="proposer" id="proposer"
													th:value="${afterSaleTicket.proposer}" disabled="disabled" />
											</div>
										</td>
									</tr>
									<tr class="odd gradeC">
										<td width="10%" class="center">现场联系人</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="linkMan"
													name="linkMan" th:value="${afterSaleTicket.linkMan}"
													disabled="disabled" />
											</div>
										</td>
										<td width="10%" class="center">联系方式</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="linkManPhone"
													name="linkManPhone"
													th:value="${afterSaleTicket.linkManPhone}"
													disabled="disabled" />
											</div>
										</td>
									</tr>
									<tr class="odd gradeC">
										<td width="10%" class="center">售后类型</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="afterSaleType"
													name="afterSaleType" value="有偿服务" readonly="readonly" />
											</div>
										</td>
										<td width="10%" class="center">设备编号</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" name="deviceCode"
													id="deviceCode" th:value="${afterSaleTicket.deviceCode}"
													disabled="disabled" />
											</div>
										</td>
									</tr>
									<tr class="odd gradeC">
										<td width="10%" class="center">设备名称</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="deviceName"
													name="deviceName" th:value="${afterSaleTicket.deviceName}"
													disabled="disabled" />
											</div>
										</td>
										<td width="10%" class="center">设备型号</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="deviceNumber"
													name="deviceNumber"
													th:value="${afterSaleTicket.deviceNumber}"
													disabled="disabled" />
											</div>
										</td>
									</tr>
									<tr class="even gradeC">
										<td width="10%" class="center">问题描述</td>
										<td colspan="3">
											<div class="col-sm-12">
												<textarea class="form-control" style="width: 100%"
													id="questionDetail" name="questionDetail" rows="3"
													th:text="${afterSaleTicket.questionDetail}"
													disabled="disabled"></textarea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<table class="table table-bordered">
								<tr class="odd gradeX">
									<td width="10%" class="center">是否符合派遣条件</td>
									<td colspan="1">
										<div class="col-sm-12">
											<input class="form-control hide" id="isSuitably1"
												name="isSuitably1" th:value="${afterSaleTicket.isSuitably}" />
											<input class="form-control" id="isSuitably" name="isSuitably"
												disabled="disabled" />
										</div>
									</td>
									<td width="10%" class="center">管理代码</td>
									<td colspan="1">
										<div class="col-sm-12">
											<input class="form-control " type="text" id="manageCode"
												name="manageCode" th:value="${afterSaleTicket.manageCode}"
												disabled="disabled" />
										</div>
									</td>

								</tr>
								<tr class="even gradeC">
									<td width="10%" class="center">处理方案</td>
									<td colspan="3">
										<div class="col-sm-12">
											<textarea class="form-control" style="width: 100%"
												id="dealPlan" name="dealPlan"
												th:text="${afterSaleTicket.dealPlan}" rows="3"
												disabled="disabled"></textarea>
										</div>
									</td>
								</tr>
								<tr class="even gradeC">
									<td width="10%" class="center">派遣说明</td>
									<td colspan="3">
										<div class="col-sm-12">
											<textarea class="form-control" style="width: 100%"
												id="sendReason" name="sendReason" rows="3"
												th:text="${sendReason}" disabled="disabled"></textarea>
										</div>
									</td>
								</tr>
							</table>
							<div class="box-header with-border">
								<i class="fa fa-th-list"></i>
								<h4 class="box-title">附件</h4>
							</div>
							<table class="table table-bordered">
								<tr class="odd gradeX">
									<td width="10%" class="center">传真，邮件</td>
									<td width="20%">
										<button type="button" class="btn btn-info upMail">上传</button>
										<button type="button" class="btn btn-info downMail">下载</button>
										<span id="mailNum" class="badge label-pill label-primary">0</span>
									</td>
									<td width="10%" class="center">质量反馈表</td>
									<td width="20%">
										<button type="button" class="btn btn-info upQuality">上传</button>
										<button type="button" class="btn btn-info downQuality">下载</button>
										<span id="qualityNum" class="badge label-pill label-primary">0</span>
									</td>
									<td width="10%" class="center">三包办理明细</td>
									<td width="20%">
										<button type="button" class="btn btn-info upDetail">上传</button>
										<button type="button" class="btn btn-info downDetail">下载</button>
										<span id="detailNum" class="badge label-pill label-primary">0</span>
									</td>
								</tr>
								<tr class="odd gradeX">
									<td width="10%" class="center">执行过程</td>
									<td width="20%">
										<button type="button" class="btn btn-info upProcess">上传</button>
										<button type="button" class="btn btn-info downProcess">下载</button>
										<span id="processNum" class="badge label-pill label-primary">0</span>
									</td>
									<td width="10%" class="center">其他</td>
									<td width="20%">
										<button type="button" class="btn btn-info upOther">上传</button>
										<button type="button" class="btn btn-info downOther">下载</button>
										<span id="otherNum" class="badge label-pill label-primary">0</span>
									</td>
									<td width="10%" class="center">三包图片</td>
									<td width="20%">
										<button type="button" class="btn btn-info upPicture">上传</button>
										<button type="button" class="btn btn-info downPicture">下载</button>
										<span id="pictureNum" class="badge label-pill label-primary">0</span>
									</td>

								</tr>
							</table>
						</div>
                     <div class="modal-footer">
						<a type="button" class="btn btn-primary pull-right"
							href="javascript:history.go(-1)">返回</a>
					</div>
					</form>
				</div>
                <div class="tab-pane" id="tab_2">
					<table class="table table-bordered">
						<tbody>
							<tr class="even gradeC">
								<td width="10%" class="center">质量记录编号</td>
								<td width="40%">
									<input class="hide" readonly="readonly" th:value="${afterSaleTicketBack.id}"/>
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketBack.recordCode}" />
									</div>
								</td>
								<td width="10%" class="center">产品状态</td>
								<td width="40%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketBack.deviceState}" />
									</div>
								</td>
							</tr>
							<tr class="odd gradeC">
								<td width="10%" class="center">是否过保质期</td>
								<td width="40%">
									<div class="col-sm-12">
									<input class="form-control" th:value="${afterSaleTicketBack.isGuarantee}" readonly="readonly"/>
									</div>
								</td>
								<td width="10%" class="center">责任归属</td>
								<td width="40%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly"
											th:value="${afterSaleTicketBack.dutyBlong}" />
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">现场问题描述</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" readonly="readonly" rows="3" th:text="${afterSaleTicketBack.questionDescription}"></textarea>
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">事故原因分析</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" readonly="readonly" rows="3" th:text="${afterSaleTicketBack.reasonAnalyse}"></textarea>
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">解决及整改方案</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" readonly="readonly" rows="3" th:text="${afterSaleTicketBack.solvePlan}"></textarea>
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">备注</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" readonly="readonly" rows="3" th:text="${afterSaleTicketBack.memo}"></textarea>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
		    	<div class="tab-pane" id="tab_3">
					<table class="table table-bordered">
						<tbody>
							<tr class="even gradeC">
								<td width="20%" class="center">项目（单位）名称</td>
								<td width="30%">
								<input class="hide" id="tab3Id" name="tab3Id" th:value="${afterSaleTicketAdvice.id}"/>
									<div class="col-sm-12">
										<input class="form-control" type="text" id="unitName"
											name="unitName" th:value="${afterSaleTicket.unitName}" disabled="disabled"/>
									</div>
								</td>
								<td width="20%" class="center">质量记录编号</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" id="recordCode"
											name="recordCode" th:value="${afterSaleTicketBack.recordCode}" disabled="disabled" />
									</div>
								</td>
							</tr>
							<tr class="even gradeX">
								<td width="20%" class="center">合同编号</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" th:value="${afterSaleTicket.contractCode}" disabled="disabled" />
									</div>
								</td>
								<td width="20%" class="center">维修编号</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketAdvice.repairCode}"/>
									</div>
								</td>

							</tr>
							<tr class="even gradeC">
								<td width="20%" class="center">安装日期</td>
								<td width="30%">
									<div class="col-sm-12">
									<input class="hidden" type="text" id="setDate1" readonly="readonly" th:value="${afterSaleTicketAdvice.setDate}"/>
									<input class="form-control" type="date" id="setDate" readonly="readonly"/>
									</div>
								</td>
								<td width="20%" class="center">产品型号</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicket.deviceNumber}" disabled="disabled" />
									</div>
								</td>
							</tr>
							<tr class="even gradeX">
								<td width="20%" class="center">出厂编号</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketAdvice.outCode}"/>
									</div>
								</td>
								<td width="20%" class="center">台位号</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketAdvice.seatCode}"/>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">系统使用情况</h4>
					</div>
					<div class="box-body">
						<table class="mytable display text-center">
							<thead>
								<tr>
									<th>泵组监测点</th>
									<th>进口压力</th>
									<th>出口压力</th>
									<th>润滑油</th>
									<th>壳体温度</th>
									<th>轴承温度</th>
									<th>泵震动值</th>
									<th>平衡管振动值</th>
									<th>电机电流</th>
								</tr>
							</thead>
							<tbody>
								<tr>
								    <td><input class="form-control" type="text" readonly="readonly" value="历史数据"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.inPressure}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.outPressure}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.lube}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.caseTemp}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.bearingTemp}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.pumpValue}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.balanceValue}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.motorCurrent}"/></td>
									
								</tr>
								<tr>
									<td><input class="form-control" type="text" readonly="readonly" value="再次运作数据" /></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.inPressure1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.outPressure1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.lube1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.caseTemp1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.bearingTemp1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.pumpValue1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.balanceValue1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.motorCurrent1}"/></td>
								</tr>
							</tbody>


						</table>

					</div>
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">状态阀及开--闭</h4>
					</div>
					<table class="table table-bordered">
						<tbody>
							<tr class="even gradeC">
								<td width="20%" class="center">输出阀</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketAdvice.outputTap}"/>
									</div>
								</td>
								<td width="20%" class="center">最小流量阀</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketAdvice.minTap}"/>
									</div>
								</td>
							</tr>
							<tr class="even gradeX">
								<td width="20%" class="center">进水阀</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketAdvice.inputTap}"/>
									</div>
								</td>
								<td width="20%" class="center">止回阀</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketAdvice.stopTap}"/>
									</div>
								</td>

							</tr>
							<tr class="even gradeC">
								<td width="20%" class="center">最低液面阀</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketAdvice.minLevelTap}"/>
									</div>
								</td>
								<td width="20%" class="center">安装日期</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="date" id="setDate2" readonly="readonly" th:value="${afterSaleTicketAdvice.setDate}" />
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">轴瓦磨损情况</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" readonly="readonly" rows="3" th:text="${afterSaleTicketAdvice.abraseState}"></textarea>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="box-body">
						<table class="mytable display text-center">
							<thead>
								<tr>
									<th></th>
									<th>联轴器水平中心</th>
									<th>联轴器垂直中心</th>
									<th>联轴器张口</th>
									<th>轴向尺寸</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><input class="form-control" type="text" readonly="readonly" value="原始安装数据复查" /></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.horizontalCenter}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.verticalCenter}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.opening}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.axialSize}"/></td>
								</tr>
								<tr>
									<td><input class="form-control" type="text" readonly="readonly" value="再次安装数据复查" /></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.horizontalCenter1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.verticalCenter1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.opening1}"/></td>
									<td><input class="form-control" type="text" readonly="readonly"  th:value="${afterSaleTicketAdvice.axialSize1}"/></td>
								</tr>
							</tbody>


						</table>

					</div>
					<table class="table table-bordered">
						<tbody>
							<tr class="even gradeC">
								<td width="20%" class="center">服务人员现场问题说明及处理建议</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" readonly="readonly"  th:text="${afterSaleTicketAdvice.questionDealSuggest}"></textarea>
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="20%" class="center">服务人员</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" readonly="readonly" th:value="${afterSaleTicketAdvice.servicePerson}"/>
									</div>
								</td>
								<td width="20%" class="center">时间</td>
								<td width="30%">
								<div class="col-sm-12">
									<input class="hidden" id="serviceDate1" type="text" th:value="${afterSaleTicketAdvice.serviceDate}"/>
									<input class="form-control" id="serviceDate" type="date" readonly="readonly" />
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="20%" class="center">用户处理意见</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" readonly="readonly" rows="3" th:text="${afterSaleTicketAdvice.userAdvise}"></textarea>
									</div>
								</td>
							</tr>
							<tr class="even gradeX">
								<td width="20%" class="center">附件</td>
								<td width="30%">
									<div class="col-sm-12">
										<input class="form-control" type="text" id="projectName"
											name="projectName" disabled="disabled"  />
									</div>
								</td>
								<td width="20%">
									<button type="button" class="btn btn-info pull-left saveBtn3">查看</button>
								</td>

							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">备注</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" readonly="readonly" rows="3" th:text="${afterSaleTicketAdvice.memo}"></textarea>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="tab-pane" id="tab_4">
					<div class="box box-body">
					<form id="activeTypeForm">
						<table class="table table-bordered">
						<tbody>
							<tr class="even gradeC">
								<td width="10%" class="center">活动类型</td>
								<td width="40%">
									<input class="hide"  th:value="${afterSaleTicketBack.id}"/>
									<input class="hide"  id="userId" th:value="${userId}"/>
									<input class="hide"  id="outServiceId" th:value="${outServiceId}"/>
									<div class="col-sm-12">
										<input class="form-control" type="text" id="activeType" name="activeType" dataType="*"/>
									</div>
								</td>
								<td class="center" colspan="2"></td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">说明</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%"  rows="3" id="tranceMemo" name="tranceMemo" dataType="*"></textarea>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="modal-footer">
					    <a type="button" class="btn btn-primary pull-right delete-btn">删除活动记录</a>
						<a type="button" class="btn btn-primary pull-right tranceSave">保存活动记录</a>
					</div>
					</form>
					</div>
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">售后活动列表</h4>
					</div>
					<div class="box box-body">
						<table width="100%" id="ticketTranceTable"
							class="mytable dataTable table-bordered text-center table-striped table-hover ">
							<thead>
								<tr>
								    <th width="6%">序号</th>
								    <th width="6%"><input type="checkbox" id="checkAll"/></th>
									<th width="10%">类型</th>
									<th width="10%">时间</th>
									<th width="68%">说明</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
						<div class="modal-footer">
						<a type="button" class="btn btn-primary pull-right"
							href="javascript:history.go(-1)">返回</a>
					</div>
					</div>
				</div>
			</div>
			<div></div>
		</section>
		<script th:src="@{/afterSaleOutHouse/outHouseTrance.js}"></script>
		<script th:src="@{/afterSaleTicket/detail.js}"></script>
		<script type="text/javascript">
			jQuery(function() {
				$('#myTabs a:first').tab('show');
			});
		</script>
	</div>

</body>
</html>